<template>
  <div>
    <table class="table table-bordered text-center table-vertical-middle table-sm">
      <colgroup>
        <col width="5%" />
        <col width="6%" />
        <col width="5%" />
        <col width="5%" />
        <col width="7%" />
        <col width="5%" />
        <col width="5%" />
        <col width="5%" />
        <col width="7%" />
        <col width="5%" />
        <col width="7%" />
        <col width="5%" />
        <col width="7%" />
        <col width="7%" />
        <col width="7%" />
        <col width="5%" />
        <col width="7%" />
      </colgroup>
      <tbody>
        <tr>
          <td colspan="17">
            <h3 class="m-0">省级农担公司社会效应统计表</h3>
          </td>
        </tr>
        <tr>
          <td class="bg-light" colspan="2">填报人</td>
          <td colspan="8"></td>
          <td class="bg-light" colspan="2">联系方式</td>
          <td colspan="5"></td>
        </tr>
        <tr>
          <td class="bg-light" colspan="2">填报说明</td>
          <td colspan="15" class="text-left">
            <ul class="list-unstyled">
              <li>1.首贷客户是指首次获得农业经营性贷款的客户；</li>
              <li>
                2.经营性贷款额度增加情况，经农担担保只要该客户较前笔经营性贷款有所增加，即可计算在内；
              </li>
              <li>3.“占比%”是指该统计指标值占本年新增总数的比例;</li>
              <li>4.解决融资贵情况的统计指标在《省级农担公司业务发展情况统计月报》中已体现。</li>
            </ul>
          </td>
        </tr>
        <tr class="bg-light">
          <td rowspan="3">编号</td>
          <td rowspan="3">省份</td>
          <td colspan="9">解决融资难情况</td>
          <td rowspan="3">带动就业人数</td>
          <td colspan="3">带动增收情况</td>
          <td colspan="2">带动脱贫情况</td>
        </tr>
        <tr class="bg-light">
          <td colspan="4">全年新增首贷客户</td>
          <td colspan="5">经营性贷款额度增加情况</td>
          <td rowspan="2">担保后收入增加主体个数</td>
          <td rowspan="2">担保后年度营业收入增加值总和（万元）</td>
          <td rowspan="2">担保后年度净利润增加值总和（万元）</td>
          <td rowspan="2">带动贫困人口数量总和</td>
          <td rowspan="2">带动贫困人口增收总额（万元）</td>
        </tr>
        <tr class="bg-light">
          <td>担保项目个数</td>
          <td>占比（%）</td>
          <td>担保项目金额（万元）</td>
          <td>占比（%）</td>
          <td>担保项目个数</td>
          <td>占比（%）</td>
          <td>担保项目金额（万元）</td>
          <td>占比（%）</td>
          <td>额度增加金额（万元）</td>
        </tr>
        <tr v-for="(data, index) of tableData" :key="index">
          <td>{{ data.mockIndex }}</td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    visible: Boolean,
  },
  data() {
    return {
      tableData: [],
    }
  },
  computed: {},
  watch: {},
  created() {
    this.getData()
  },
  mounted() {},
  methods: {
    getData() {
      for (let i = 0; i < 10; i++) {
        this.tableData.push({
          mockIndex: i + 1,
        })
      }
    },
  },
}
</script>

<style lang="scss" scoped></style>
